<template>
  <ul>
    <li>
      <p>问：配置文件在哪儿？</p>
      <p>答：</p>
    </li>
    <li>
      <p>问：如何将配置文件的json数据定义到vue3全局变量中的？</p>
      <p>答：</p>
    </li>
    <li>
      <p>问：如何获取配置文件的json数据？</p>
      <p>答：</p>
    </li>
  </ul>
</template>

<script setup>
const code0 = `
public/runtime/config.json
`
const code1 = `
main.js中
import { useRuntime } from './hooks/system/useGlobal'
const { getRuntimeConfig } = useRuntime()
// 读取配置文件
getRuntimeConfig().then((res) => {
  app.config.globalProperties.$config = res //将配置文件中的json数据，放入到vue3全局变量中
  document.title = res.systemTitle
  app.mount('#app')
})
`

const code2 = `
import { useGlobal } from '@/hooks/system/useGlobal'
const { globalProperties } = useGlobal()
globalProperties.$config //获取配置文件

globalProperties.$pinia  //获取pinia的store，相当于this.$store
globalProperties.$route  //获取当前路由，相当于this.$route
globalProperties.$router //获取路由器，相当于this.$router
`
</script>

<style scoped>
p {
  line-height: 24px;
}
li {
  margin-bottom: 40px;
}
</style>
